let compiler = require("vue-template-compiler");

// 使用计算属性 先计算好 在循环

// let { render } = compiler.compile('<input type="text" v-model="title" />');
// console.log(render);

let {render:render1} = compiler.compile('<my v-model="value"></my>')
console.log(render1);

// with(this){return _c('my',{model:{value:(value),callback:function ($$v) {value=$$v},expression:"value"}})}


// v-for 就是一个循环
// v-if 三元表达式
// with (this) {
//   return _c("input", { // updateDirectives
//     directives: [ // v-model 和 v-show 才能称之为指令 ，其他v-if v-for都不是正规的指令
//       { name: "model", rawName: "v-model", value: title, expression: "title" },
//     ],
//     attrs: { type: "text" },  input.type = 'text' :value="title" @input="xxx"
//     domProps: { value: title }, // dom属性的值是title的结果
//     on: {
//       input: function ($event) { // 输入的时候会修改title的内容
//         if ($event.target.composing) return; // 如果 event.target.composing 就不更新数据了
//         title = $event.target.value;
//       },
//     },
//   });
// }
